<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>兑换中心-剑灵官方网站</title>
    <link rel="stylesheet" href="css.yangshi.css"/>
    <link rel="shortcut icon" href="images/favicon.ico"/>
    <script src="js.js"></script>
    <script type="text/javascript" src="jquery-1.12.4.min.js"></script>
    <script>
        $(function(){
            $('.main-r-dh-t>li').mouseenter(function(){
                $('.links').slideDown(500,function(){
//                    console.log('下去了');
                })
            })
           $('.main-r-dh') .mouseleave(function(){
               $('.links').css('display','none')
           })
            $('#j_hideFormAdd').click(function () {
                $('#j_formAdd').fadeOut(1000);
                $('#j_mask').fadeOut(1000);
            })
//            <input class="txt" type="text" id="j_txtLesson" placeholder="请输入账号">
//                    </div>
//                    <div class="form-item">
//                    <label class="lb" for="j_txtBelSch">QQ密码：</label>
//                <!--<input class="txt" type="text" id="j_txtBelSch" value="请输入密码">-->
//            <input class="txt" type="text" id="j_txtBelSch" placeholder="请输入密码">
            $('.ddd').click(function(){
                $('#j_formAdd').fadeIn(500);
                $('#j_mask').fadeIn(500);
                $('.zuihoudezz').css('display','none')

            })
            $('.form-submit>input').click(function(){
                $('#j_formAdd').fadeOut(2000);
                $('#j_mask').fadeOut(2000);
                $('.zuihoudezz').fadeIn(100);
                $('#j_txtBelSch').val('');
                $('#j_txtLesson').val('');
            })
        })
    </script>
</head>

<body>
<div class="tonglan">
    <ul>
        <li class="tonglan-t-l fl"><a href="#"><img src="images/tl1.png"alt=""/></a></li>
        <li class="tonglan-t-sx fl"></li>
        <li class="tonglan-t-c fl" id="tonglan-t-c"><a href="#"><img src="images/tl2.png"alt=""/></a></li>
        <li class="tonglan-t-b fr"><p class="fl">腾讯游戏排行榜</p><span class="fr"></span></li>
    </ul>
</div>
<!--隐形杂鱼-->
<div class="dwjs js-one">
    <ul>
        <li class="tonglan-t-l fl"><a href="#"><img src="images/tl1.png"alt=""/></a></li>
        <li class="tonglan-t-sx fl"></li>
        <li class="tonglan-t-b fr"><p class="fl">腾讯游戏排行榜</p><span class="fr"></span></li>
    </ul>
</div>
<div class="dwjs2">
   <div class="xsanjiao"></div>
</div>
<!--隐形杂鱼-->
<div class="main">
    <!--<div class="main-l fl">-->

    <!--</div>-->
    <!--左边下载的开始-->
    <div class="middle-left">
        <div class="middle-left-right clearfix">
            <div class="middle-left-left-top">
                <h1><a href="../../BNS.html">剑灵</a></h1>
            </div>
            <div>
                <div class="mllt-centre">
                    <a href="#">
                        <i class="blade"></i>
                        <i class="download1"></i>
                        <i class="download2"></i>
                    </a>
                </div>
                <div class="mllt-bottom">
                    <a href="#" id="new-packs">
                        <i class="packs"></i>
                        <span class="packsWd">新手礼包</span>
                    </a>
                    <p id="hideNewPacks"></p>
                </div>
            </div>
            <div>
                <div class="middle-left-bottom1">
                    <ul id="middle-ul">
                        <li class="coupons-li">
                            <a href="#" id="a-coupons">
                                <i class="coupons"></i>
                                <span>点券充值</span>
                            </a>
                        </li>
                        <li class="conversion-li">
                            <a href="#">
                                <i class="conversion"></i>
                                <span>兑换中心</span>
                            </a>
                        </li>
                        <li class="activity-li">
                            <a href="#">
                                <i class="activity"></i>
                                <span>活动中心</span>
                            </a>
                        </li>
                        <li class="edition-li">
                            <a href="#">
                                <i class="edition"></i>
                                <span>版本中心</span>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="middle-left-bottom2">
                    <ul>
                        <li class="property-li">
                            <a href="#" >
                                <i class="property"></i>
                                <span>道聚城</span>
                            </a>
                        </li>
                        <li class="welfare-li">
                            <a href="#" >
                                <i class="welfare"></i>
                                <span>福利中心</span>
                            </a>
                        </li>
                        <li class="mall-li">
                            <a href="#" >
                                <i class="mall"></i>
                                <span>周边商城</span>
                            </a>
                        </li>
                        <li class="repair-li">
                            <a href="#" >
                                <i class="repair"></i>
                                <span>报错维复</span>
                            </a>
                        </li>
                        <li class="userName-li">
                            <a href="#" >
                                <i class="userName"></i>
                                <span>账号安全</span>
                            </a>
                        </li>
                        <li class="forum-li">
                            <a href="#" >
                                <i class="forum"></i>
                                <span>洪门论坛</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="mlb-bottom">
                    <ul class="mlb-bottom-ul">
                        <li class="leaguer-li">
                            <a href="#">
                                <i class="leaguer"></i>
                            </a>
                        </li>
                        <li class="club-li">
                            <a href="#">
                                <i class="club"></i>
                            </a>
                        </li>
                        <li class=" steward-li">
                            <a href="#">
                                <i class="steward"></i>
                            </a>
                        </li>
                        <li class="life-li">
                            <a href="#">
                                <i class="life"></i>
                            </a>
                        </li>
                        <li class="greeen-diamond-li">
                            <a href="#">
                                <i class="greeen-diamond"></i>
                            </a>
                        </li>
                        <li class="pink-diamond-li">
                            <a href="#">
                                <i class="pink-diamond"></i>
                            </a>
                        </li>
                        <li class="blue-diamond-li">
                            <a href="#">
                                <i class="blue-diamond"></i>
                            </a>
                        </li>
                        <li class="yellow-diamond-li">
                            <a href="#">
                                <i class="yellow-diamond"></i>
                            </a>
                        </li>
                        <li class="help-li">
                            <a href="#">
                                <i class="help"></i>
                            </a>
                        </li>
                    </ul>
                    <div class="media clearfix">
                        <a href="#" class="media-a">合作媒体</a>
                        <i class="sanjiao"></i>
                        <ul class="media-ul">
                            <li><a href="#">腾讯游戏频道</a></li>
                            <li><a href="#">17173.com</a></li>
                            <li><a href="#">多玩</a></li>
                            <li><a href="#">掌游宝</a></li>
                            <li><a href="#">新浪游戏</a></li>
                            <li><a href="#">178.com</a></li>
                            <li><a href="#">766.com</a></li>
                            <li><a href="#">131.com</a></li>
                            <li><a href="#">52PK.com</a></li>
                            <li><a href="#">太平洋游戏</a></li>
                            <li><a href="#">超级玩家</a></li>
                            <li><a href="#">电玩巴士</a></li>
                            <li><a href="#">叶子猪</a></li>
                            <li><a href="#">爱拍原创视频</a></li>
                            <li><a href="#">腾讯文学</a></li>
                            <li><a href="#">希望之地</a></li>
                            <li><a href="#">腾旭先游</a></li>
                        </ul>
                    </div>
                    <div class="configure">
                        <h2>
                            <a href="#">推荐配置</a>
                        </h2>
                        <p>
                            <i>CPU</i>
                            四核及以上
                        </p>
                        <p>
                            <i>系统</i>
                            WIN7 (64位)
                        </p>
                        <p>
                            <i>内存</i>
                            4 GB以上
                        </p>
                        <p>
                            <i>显卡</i>
                            NVIDIA GeForce
                        </p>
                        <p class="gtx">
                            GTX 750
                        </p>
                        <p class="gtx">
                            GTX 750 Ti
                        </p>


                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--左边下载的结束-->
    <div class="main-r fr">
        <div class="main-r-dh">
            <ul class="main-r-dh-t">
                <li><a href="#">首页</a></li>
                <li><a href="#">新闻中心</a></li>
                <li><a href="#">游戏特色</a></li>
                <li><a href="#">游戏引导</a></li>
                <li><a href="#">下载中心</a></li>
                <li><a href="#">自助服务</a></li>
                <li><a href="#">玩家互动</a></li>
                <li><a href="#">腾讯客服</a></li>
            </ul>
            <ul class="main-r-dh-b">
                <li><span>kana</span></li>
                <li><span>xiede</span></li>
                <li><span>doushi</span></li>
                <li><span>shenme</span></li>
                <li><span>gui</span></li>
                <li><span>fan</span></li>
                <li><span>zheng</span></li>
                <li><span>meiren</span></li>
            </ul>
            <!--一大推lib-->
            <div class="links">
                <!--官方微博  链接入口-->
                <span class="gf_weibo"><a href="http://weibo.com/bnslove?sudaref=bns.qq.com&retcode=6102&is_hot=1"></a></span>
                <!--<ul class="links_a">-->
                <!--<li><a href="#">首页</a></li>-->
                <!--<li><a href="#">游戏资料</a></li>-->
                <!--<li><a href="#">下载中心</a></li>-->
                <!--<li><a href="#">自助服务</a></li>-->
                <!--<li><a href="#">玩家互动</a></li>-->
                <!--<li class="last"><a href="#">腾讯客服</a></li>-->
                <!--</ul>-->
                <!--英文link li标签-->
                <!--<ul class="links_e">-->
                <!--<li>index</li>-->
                <!--<li>game data</li>-->
                <!--<li>download</li>-->
                <!--<li>self service</li>-->
                <!--<li>interaction</li>-->
                <!--<li>custom service</li>-->
                <!--</ul>-->
                <!--a 链接 内容 -->
                <ul class="links_z" >
                    <li>
                        <a href="#" >周边商城</a>
                    </li>
                    <li>
                        <a href="#" >就是好吊</a>
                        <a href="#" >不可言喻</a>
                        <a href="#" >晨曦人妖</a>
                        <a href="#" >程曦暴毙</a>
                        <a href="#" >晨曦搞基</a>
                    </li>
                    <li>
                        <a href="#" >游戏特色</a>
                        <a href="#" >职业介绍</a>
                        <a href="#" >新手指南</a>
                        <a href="#" >帮帮攻略</a>
                        <a href="#" >副本攻略</a>
                    </li>
                    <li>
                        <a href="#">下载客户端</a>
                        <a href="#">南天国体验服</a>
                        <a href="#">极速体验</a>
                        <a href="#">投诉晨曦</a>
                    </li>
                    <li>
                        <a href="#" >安全模式</a>
                        <a href="#" >自助工具</a>
                        <a href="#" >封停查询</a>
                        <a href="#" >被盗找回</a>
                    </li>
                    <li>
                        <a href="#" >洪门论坛</a>
                        <a href="#" >灵芝圈社区</a>
                        <a href="#" >剑灵微博</a>
                        <a href="#" >比武场排行</a>
                    </li>
                    <li class="last"><a href="#" >在线客服</a>
                        <a href="#" >客服专区</a>
                        <a href="#" >用户协议</a>
                        <a href="#" >玩家条例</a>
                    </li>
                </ul>
            </div>
            <!--一大推lio-->
        </div>
        <!--&lt;!&ndash;一大推lib&ndash;&gt;-->
        <!--<div class="links">-->
            <!--&lt;!&ndash;官方微博  链接入口&ndash;&gt;-->
            <!--<span class="gf_weibo"><a href="http://weibo.com/bnslove?sudaref=bns.qq.com&retcode=6102&is_hot=1"></a></span>-->
            <!--&lt;!&ndash;<ul class="links_a">&ndash;&gt;-->
                <!--&lt;!&ndash;<li><a href="#">首页</a></li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li><a href="#">游戏资料</a></li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li><a href="#">下载中心</a></li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li><a href="#">自助服务</a></li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li><a href="#">玩家互动</a></li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li class="last"><a href="#">腾讯客服</a></li>&ndash;&gt;-->
            <!--&lt;!&ndash;</ul>&ndash;&gt;-->
            <!--&lt;!&ndash;英文link li标签&ndash;&gt;-->
            <!--&lt;!&ndash;<ul class="links_e">&ndash;&gt;-->
                <!--&lt;!&ndash;<li>index</li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li>game data</li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li>download</li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li>self service</li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li>interaction</li>&ndash;&gt;-->
                <!--&lt;!&ndash;<li>custom service</li>&ndash;&gt;-->
            <!--&lt;!&ndash;</ul>&ndash;&gt;-->
            <!--&lt;!&ndash;a 链接 内容 &ndash;&gt;-->
            <!--<ul class="links_z" >-->
                <!--<li>-->
                    <!--<a href="#" >周边商城</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#" >就是好吊</a>-->
                    <!--<a href="#" >不可言喻</a>-->
                    <!--<a href="#" >晨曦人妖</a>-->
                    <!--<a href="#" >程曦暴毙</a>-->
                    <!--<a href="#" >晨曦搞基</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#" >游戏特色</a>-->
                    <!--<a href="#" >职业介绍</a>-->
                    <!--<a href="#" >新手指南</a>-->
                    <!--<a href="#" >帮帮攻略</a>-->
                    <!--<a href="#" >副本攻略</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#">下载客户端</a>-->
                    <!--<a href="#">南天国体验服</a>-->
                    <!--<a href="#">极速体验</a>-->
                    <!--<a href="#">投诉晨曦</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#" >安全模式</a>-->
                    <!--<a href="#" >自助工具</a>-->
                    <!--<a href="#" >封停查询</a>-->
                    <!--<a href="#" >被盗找回</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#" >洪门论坛</a>-->
                    <!--<a href="#" >灵芝圈社区</a>-->
                    <!--<a href="#" >剑灵微博</a>-->
                    <!--<a href="#" >比武场排行</a>-->
                <!--</li>-->
                <!--<li class="last"><a href="#" >在线客服</a>-->
                    <!--<a href="#" >客服专区</a>-->
                    <!--<a href="#" >用户协议</a>-->
                    <!--<a href="#" >玩家条例</a>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</div>-->
        <!--&lt;!&ndash;一大推lio&ndash;&gt;-->
        <div class="main-r-m">
            <div class="main-r-m-one">
                <h2>
                    兑换中心 <i>EXCHANGE</i>
                </h2>
                <p>
                    <i></i>&nbsp; <a href="#">HTML</a>&nbsp; >&nbsp;&nbsp; <span>兑换中心</span>
                </p>
            </div>
            <div class="main-r-m-two">
                <i></i>
                <p>剑灵礼包 <br/>兑换</p>
            </div>
            <div class="main-r-m-three">
                <div class="main-r-m-three-t">
                    <i></i> 您好&nbsp;,&nbsp;请 <a href="javascript:;" class="ddd">登录</a>
                </div>
                <div class="main-r-m-three-b">
                    <div class="main-r-m-three-b-1">
                        <i>输入CDKEY：</i>
                        <input type="text" name="keyword" default="输入兑换码" value="输入兑换码"/>
                    </div>
                    <!--准备下一个input-->
                    <div class="main-r-m-three-b-2">
                        <i>请选择大区：</i>
                        <select >
                            <option value="">选择大区 </option>
                            <option value="">电信一区 </option>
                            <option value="">电信二区 </option>
                            <option value="">电信三区 </option>
                            <option value="">电信四区 </option>
                            <option value="">电信五区 </option>
                            <option value="">电信六区 </option>
                            <option value="">电信七区 </option>
                            <option value="">电信八区 </option>
                            <option value="">电信九区 </option>
                            <option value="">电信十区 </option>
                            <option value="">黑色玫瑰 </option>
                            <option value="">艾欧尼亚</option>
                        </select>
                        <select >
                            <option value="">选择服务器</option>
                        </select>
                        <select >
                            <option value="">选择角色</option>
                        </select>
                    </div>
                    <div class="main-r-m-three-b-3">
                        <i>输入验证码：</i>
                        <input type="text" name="keyword" default="输入验证码" value="输入验证码"/>
                    </div>
                    <div class="main-r-m-three-b-4">
                        <a href="#"><img src="images/duihuan.png" alt=""/></a>
                    </div>
                    <div class="main-r-m-three-b-5">
                        <i></i>
                        <p>兑换 <br/>步骤</p>
                    </div>
                    <div class="main-r-m-three-b-6"></div>
                    <div class="main-r-m-two">
                        <i></i>
                        <p>剑灵礼包兑换 <br/>使用说明</p>
                    </div>
                    <p class="main-r-m-three-b-8">
                        1.所有CDKEY都具有有效期，逾期作废，请在相应活动页面查看有效期。<br/>
                        2.无论兑换何种CDKEY，请务必确认您已经在游戏内创建了角色。<br/>
                        3.各种非官方渠道获得的CDKEY都有可能无法兑换、兑换失败、兑换不到您想要的商品。请尽量避免在第三方渠道购买CDKEY。<br/>
                        4.领取后，礼包将发送到游戏的系统邮件中，角色升到4级左右到竹林村物流管理员处，打开邮件面板，即可提取礼包；<br/>
                        或按F6可远程打开邮件面板，也可以提取礼包（需要身上至少有1铜币）。<br/>
                    </p>
                    <div class="main-r-m-three-b-9">
                        <img src="images/erweima.jpg" alt=""/>
                    </div>
                    <div class="main-r-m-three-b-10">
                        <img src="images/1481536576.jpg" alt="" class="fl main-r-m-three-b-10-1"/>
                        <img src="images/1487062343.jpg" alt="" class="fl main-r-m-three-b-10-2"/>
                        <div class="fl main-r-m-three-b-10-3">
                            <p><i>唯美的画面，流畅动感的动作，拳拳到肉的打击感</i>以及<i>飞</i></p>
                            <p><i>天人地的体验</i>令死宅男神往不已，是一款具有划时代创新</p>
                            <p>精神的网游巨作。</p>
                        </div>
                        <img src="images/about_bg.png" alt="" class="fr"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="all" id='all'>
            <div class="screen" id="screen">
                <ul id="ul">
                    <li><img src="images/1.jpg" width="390" height="240" /></li>
                    <li><img src="images/2.jpg" width="390" height="240" /></li>
                    <li><img src="images/3.jpg" width="390" height="240" /></li>
                    <li><img src="images/4.jpg" width="390" height="240" /></li>
                    <li><img src="images/5.jpg" width="390" height="240" /></li>
                </ul>
                <ol>

                </ol>
                <div id="arr">
                    <span id="left"><</span>
                    <span id="right">></span>
                </div>
            </div>
        </div>
    </div>
    <div class="zuihou">
        <div class="zuihou-left">
            <a href="" class="zuihou-left1"></a>
            <a href="" class="zuihou-left2"></a>
        </div>
        <div class="zuihou-right">
            <ul>
                <li class="zuihou-right-top"><a href="#">腾讯互动娱乐</a><span>|</span></li>
                <li class="zuihou-right-top"><a href="#">服务条款</a><span>|</span></li>
                <li class="zuihou-right-top"><a href="#">广告服务 </a><span>|</span></li>
                <li class="zuihou-right-top"><a href="#">腾讯游戏招聘</a><span>|</span></li>
                <li class="zuihou-right-top"><a href="#">腾讯游戏客服</a><span>|</span></li>
                <li class="zuihou-right-top"><a href="#">商务合作</a><span>|</span></li>
                <li class="zuihou-right-top"><a href="#">腾讯网</a><span>|</span></li>
                <li class="zuihou-right-top1"><a href="#">网站导航</a></li>
            </ul>
                <span class="zuihou-right-middle">腾讯公司版权所有
Website copyright © 2011 – 2017 TENCENT INC. ALL RIGHTS RESERVED.</span>
            <span class="zuihou-right-middle1"> <a href="">腾讯公司版权所有</a></span>
            <p class="zuihou-right-middle2">© 2012 NCSOFT Corporation. All Rights Reserved. Licensed to Tencent Inc. in China</p>
            <p  class="zuihou-right-middle3">文网进字[2013]005号 <span>|</span>粤网文[2014]0633-233号 <span>|</span>新出网证（粤）字010号 <span>|</span>ISBN号：978-7-89989-642-6</p>
        </div>
    </div>
    <!--结束部分结束-->
 </div>

<!--遮罩层-->
<div id="j_mask" class="mask"></div>
<div id="j_formAdd" class="form-add">
    <div class="zuihoudezz">
        账号密码错误！
    </div>
    <div class="form-add-title">
        <span>账号密码登录</span>

        <div id="j_hideFormAdd">x</div>
    </div>
    <div class="form-item">
        <label class="lb" for="j_txtLesson">QQ账号：</label>
        <input class="txt" type="text" id="j_txtLesson" name="keyword" placeholder="请输入账号">
    </div>
    <div class="form-item">
        <label class="lb" for="j_txtBelSch">QQ密码：</label>
        <!--<input class="txt" type="text" id="j_txtBelSch" value="请输入密码">-->
        <input class="txt" type="text" id="j_txtBelSch" name="keyword" placeholder="请输入密码">
    </div>
    <div class="form-submit">
        <input type="button" value="提交" id="j_btnAdd">
    </div>
</div>

<!--遮罩层-->

</body>
</html>